React + Django + PostgreSQL で開発した時の備忘録
#Web開発 #Django #React #PostgreSQL
https://scrapbox.io/files/62fe03020ab68e001d2dc313.png
この辺りの知識ほぼゼロの状態で、Softbank株式会社 Summer Internship にてこれらを利用した開発案件を担当した際の勉強したことやはまったところの記録
勉強したこと
Javascript
- javascript入門
- addEventListener
- 【 javascript 】reduce
- Promise / async・await
- javascriptで作るTodoリスト
- File System Access API
Django
- Django入門
- Django REST Framework (DRF)
- Django(DRF) + React:React + Django + PostgreSQL で開発した時の備忘録#62fdf6efa0c24b0000374c58
- DRFで設定したAPIを用いてデータベース操作できるまで CORS
PostgreSQL
- PostgreSQLデータベース操作
- DjangoとPostgreSQLの連携 -準備
React
- react入門
- react基本
作業記録
baackend
環境構築
Dockerは企業の方が使っていなかったため使用せず全てローカルに環境構築した
Python とPostgreSQL をインストール
バージョン
・Python:3.10.6
・PostgreSQL:14.5
・psycopg2:2.9.3
・Django:4.1
・djangorestframework:3.13.1
DjangoとPostgreSQLの連携 -準備
DjangoとReactの連携 (DRF-Django REST Framework)
DRFの準備
models.py内にモデルを定義して、データベースを構築、管理ユーザ作成して管理画面で確認する
参考1:https://tech-blog.rakus.co.jp/entry/20220329/python
参考2:
PostgreSQLデータベース操作
DRFで設定したAPIを用いてデータベース操作できるまで CORS
frontend
環境構築
Node.jsを公式サイトからダウンロード・インストール
バージョン
・Node.js:v16.17.0
・(react:18.2.0)